<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="80"
    height="80"
    viewBox="0 0 80 80"
    fill="none"
  >
    <g opacity="1" transform="translate(0 0)  rotate(0)">
      <mask id="mask-0" fill="white">
        <path d="M2 80L78 80C79.1 80 80 79.1 80 78L80 2C80 0.9 79.1 0 78 0L2 0C0.9 0 0 0.9 0 2L0 78C0 79.1 0.9 80 2 80Z"></path>
      </mask>
      <g mask="url(#mask-0)">
        <path
          id="矩形 5"
          fill-rule="evenodd"
          :style="{ fill: props.backgroundColor }"
          opacity="1"
          d="M2 80L78 80C79.1 80 80 79.1 80 78L80 2C80 0.9 79.1 0 78 0L2 0C0.9 0 0 0.9 0 2L0 78C0 79.1 0.9 80 2 80Z"
        ></path>
      </g>
      <g mask="url(#mask-0)">
        <g opacity="1" transform="translate(19 20)  rotate(0)">
          <path
            id="并集"
            fill-rule="evenodd"
            :style="{ fill: props.color }"
            opacity="0.1"
            d="M25.2365,0c2.19,0 15.9801,2.87 15.9801,2.87c0.45,0.1 0.77,0.49 0.78,0.94v13.9c-0.33,5.82 -3.23,11.2 -7.92,14.7c0,0 -6.5401,4.84 -8.7601,4.84c-1.8321,0 -6.7017,-3.2918 -8.3136,-4.4176l-1.1615,0.3609c-2.29,-2.28 -4.19,-5.04 -5.1301,-7.67c-0.2699,-0.7551 -0.4776,-1.4849 -0.6391,-2.1838l-0.27582,0.2705c-0.80001,-1.87 -1.23001,-3.87 -1.27001,-5.9v-14.16c0.01,-0.45 0.33,-0.84 0.78,-0.94c0,0 13.62013,-2.61 15.93013,-2.61zM36.0224,10.2733l0.0142,-0.0733l-0.3694,0.0733zM27.377,11.9173l-2.0305,0.4027l0.1391,0.1386z"
          ></path>
          <path
            id="矩形 2"
            fill-rule="evenodd"
            style="fill: #ffffff"
            opacity="1"
            d="M6.48145 29.2599L31.6911 29.2599L31.6911 7.04993L6.48145 7.04993L6.48145 29.2599Z"
          ></path>
          <path
            id="路径 1"
            fill-rule="evenodd"
            :style="{ fill: props.color }"
            opacity="1"
            d="M0.780006 5.36214C0.330003 5.46214 0.0100001 5.85214 0 6.30214L0 20.4621C0.0400003 22.4921 0.470004 24.4921 1.27001 26.3621L9.65008 18.1421L14.7501 23.2121L19.7002 17.9421L16.8201 15.0721L27.5102 12.9521L25.4402 23.6421L22.2702 20.4921L14.8101 27.8821L9.59008 22.8121L2.88002 29.6021C4.14003 31.8221 5.87005 33.7321 7.95007 35.2121C7.95007 35.2121 14.5801 40.0021 16.7901 40.0021C19.0102 40.0021 25.5502 35.1621 25.5502 35.1621C30.2402 31.6621 33.1403 26.2821 33.4703 20.4621L33.4703 6.56214C33.4603 6.11214 33.1403 5.72214 32.6903 5.62214C32.6903 5.62214 18.9002 2.75214 16.7101 2.75214C14.4001 2.75214 0.780006 5.36214 0.780006 5.36214Z"
          ></path>
        </g>
      </g>
    </g>
  </svg>
</template>
<script setup lang="ts" name="SECURITYSvg">
const props = defineProps({
  color: {
    type: String,
    required: false
  },
  backgroundColor: {
    type: String,
    required: false
  }
});
</script>
